@charset "utf-8";
:root {
  --red: #de0012;
  --gray: #666;
}
/* CSS Document */
* {margin: 0; padding: 0; outline: none; letter-spacing: .1em; box-sizing: border-box;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {padding:0; margin:0;}
html {font-size: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;/*关闭字体大小自动调整功能.*/}
body{font: 15px/1.6 'Microsoft Yahei'; color: #333; min-width: 1240px; min-height: 100%; background: #fff url(../images/bg.png) repeat;}
html,body {width: 100%;}
table {border-collapse:collapse; border-spacing:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-weight: normal; font-style: normal;}
ol,ul,li {list-style:none;}
h1,h2,h3,h4,h5,h6 {font-weight:normal; font-size:100%;}
img, input, textarea, select, button {border:0; font-family: 'Microsoft Yahei'; font-size: 14px;}
input[type="button"], input[type="submit"], button {cursor:pointer;}
img[src=""], img:not([src]){opacity: 0;} /*去掉img没有src或者为空时的边框*/
a{text-decoration:none; outline:none; color: #333; blr:expression(this.onFocus=this.blur());}
a:hover, a:focus{text-decoration: none; outline: 0;}
dd, dt {line-height: inherit;}

.font14 { font-size: 14px; }
.font15 { font-size: 15px; }
.font16 { font-size: 16px; }
.font17 { font-size: 17px; }
.font18 { font-size: 18px; }
.font20 { font-size: 20px; }
.font24 { font-size: 24px; }
.font26 { font-size: 26px; }
.font28 { font-size: 28px; }
.font30 { font-size: 30px; }
.font36 { font-size: 36px; }
.font40 { font-size: 40px; }
.font48 { font-size: 48px; }
.font60 { font-size: 60px; line-height: 1.2; }
.font-bold { font-weight: bold; }
.font-arial { font-family: Arial; letter-spacing: 0; }
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr20 { margin-right: 20px; }
.mb5 { margin-bottom: 5px; }
.mb30 { margin-bottom: 30px; }
.mb60 { margin-bottom: 60px; }
.ml30 { margin-left: 30px; }
.p10 { padding: 10px; }
.pl20 { padding-left: 20px; }
.pr20 { padding-right: 20px; }

.text-white { color: #fff; }
.text-blue { color: #3d86f2; }
.text-muted { color: #333; }
.text-gray { color: var(--gray); }
.text-red { color: var(--red); }
.text-justify { text-align: justify; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.bg-white { background: #fff; }
.t-indent { text-indent: 2em; }

.flex {display: flex; display: -webkit-flex; display: -ms-flex; }
.flex1 {flex: 1;}
.flex-column {display: flex; flex-direction: column; align-items: center;}
.flex-center { align-items: center; }

.limit-line1, .limit-line2 { overflow: hidden; text-overflow: ellipsis; }
.limit-line1 { white-space: nowrap; }
.limit-line2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

/*清除浮动*/
.clearfix {*zoom:1;}
.clearfix:before,.clearfix:after {content:" ";display:table;}
.clearfix:after {clear: both;}

/*修改placeholder的颜色*/
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #c9c9c9;}
input:-moz-placeholder, textarea:-moz-placeholder {color: #c9c9c9;} /* Mozilla Firefox 4 to 18 */
input::-moz-placeholder, textarea::-moz-placeholder {color: #c9c9c9;} /* Mozilla Firefox 19+ */
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #c9c9c9;} /* Internet Explorer 10+ */

.icons {display: inline-block; width: 22px; height: 23px; background: url("../images/sprite.png") no-repeat;}
.main { width: 1200px; margin: 0 auto; }

/*Header - start*/
.Header {width:100%; height:110px; background: var(--red) url(../images/bg_opacity.png) repeat;}
.header-con { display: flex; display: -webkit-flex; display: -ms-flex; align-items: center; justify-content: space-between; height: 100%; }
.header-link {margin-top: -4px; }
.header-link a { color: #fff; display: inline-block; margin: 0 4px; }
.header-link a:hover { text-decoration: underline; }
.header-search { width: 254px; height: 32px; padding: 0 6px; border: 1px solid #fff; border-radius: 4px; align-items: center; }
.header-search .icon-search { background-position: 0 -36px; margin-right: 8px; }
.header-search .search-in { background: transparent; font-size: 15px; color: #fff; }
/*Header - end*/


/*Nav - start*/
.Nav { width: 100%; background: #000; border-bottom: 3px solid #fff; }
.mainNav { display: flex; height: 40px; }
.mainNav > li { position: relative; height: 100%; font-size: 16px; padding: 0 1px; }
.mainNav > li > a { padding: 0 26px; color: #fff; display: block; height: 100%; line-height: 40px; position: relative; -moz-transition: background .3s; -webkit-transition: background .3s; transition: background .3s; }
.mainNav > li > a:hover, .mainNav > li > a.selected, .mainNav > li > a.bg {background: var(--red);}
.subNav { display: none; position: absolute; z-index: 999; left: -50%; top: 100%; width: auto; font-size: 15px; line-height: 40px; padding-top: 3px; }
.subNav > p { display: inline-flex; font-size: 16px; background: rgba(222, 0, 18, .85); padding: 8px 14px 8px 0; }
.subNav a { color: #222; white-space: nowrap; margin-left: 14px; -moz-transition: color .3s; -webkit-transition: color .3s; transition: color .3s; }
.subNav a:hover, .subNav a.active { color: #fff; }
.mainNav > li.last { flex: 1; display: flex; justify-content: flex-end; }
.mainNav > li.last .subNav { left: auto; right: -14px; }
.mainNav > li.last .subNav a { display: inline-flex; align-items: center; }
/*Nav - end*/


/*Banner - start*/
.Banner {width:100%; position:relative; z-index:10; overflow:hidden; background: #fff;}
.flexslider{position:relative; height:100%; overflow:hidden; background:url(../images/loading.gif) 50% no-repeat; z-index:100;}
.slides{position:relative; z-index:1; height:720px;}
.slides li , .slides li a {height: 100%; display:block;}
.flex-control-nav {position:absolute; height:16px; bottom:13px; z-index:2; width:100%; text-align:center;}
.flex-control-nav li {display:inline-block; width:16px; height:16px; margin:0 6px; *display:inline; zoom:1; overflow:hidden;}
.flex-control-nav a {display:block; background:url(../images/dot.png) 0 -82px no-repeat; cursor:pointer; text-indent:-10000px;}
.flex-control-nav .flex-active {background-position: 0 0;}
.flex-direction-nav{ display: none; position:absolute;z-index:3;width:100%;top:50%; margin-top:-43px; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0; opacity:0;}
.flex-direction-nav li a{ display:block; width:54px;height:85px;overflow:hidden;cursor:pointer;position:absolute; background:url(../images/btns.png) 0 -3px no-repeat;}
.flex-direction-nav li a.flex-prev{left:0;}
.flex-direction-nav li a.flex-next{right:0; background-position:right -3px;}
.flexslider:hover .flex-direction-nav { -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; opacity:1;}
/*Banner - end*/


/*Footer - start*/
.Footer { width:100%; overflow:hidden; color:#fff; background:var(--red); position: relative; }
.Footer::before { content: ''; width: 100%; height: 2px; background: #fff; position: absolute; left: 0; top: 20px; }
.footerWrap { overflow:hidden; width: 1260px; margin: 0 auto; padding: 50px 0 40px; display: flex; justify-content: space-between; }
.footer_link { margin-right: 10px; line-height: 1.7; }
.footer_link a { color:#fff; }
.footer_link dt { font-size: 20px; font-weight: bold; margin-bottom: 8px; }
.footer_link dd { overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.footer_link dd a {display:inline-block; color: rgba(255, 255, 255, .85); transition: margin-left .4s, color .3s; }
.footer_link dd a:hover { margin-left: 6px; text-decoration: underline; color: #fff; }

.footer_right { overflow:hidden; text-align: center; }
.erweima { margin: 10px auto 0; padding: 2px; width: 100px; background: #fff; }
.erweima img { display: block; width: 96px; height: 96px; }
.footer_right .txt { margin: 0 auto; width: 100px; border: 1px solid #fff; text-align: center; font-size: 13px; padding: 2px 0; }
.Footer .main > p { color: rgba(255, 255, 255, .85); border-top: 1px solid rgba(255, 255, 255, .85); padding: 20px 0 35px; }
/*Footer - end*/


/* Aside - start */
.asideList { position: fixed; z-index: 999; right: 2px; bottom: 100px; }
.aside-erweima { background: #fff; padding: 2px; }
.aside-erweima img { width: 100px; height: 100px; }
.aside-toTop { display: none; width: 66px; height: 66px; background-position: 0 -69px; margin-top: 35px; cursor: pointer; }
.aside-toTop:hover { background-position: -79px -69px; }
.aside-toTop.show { display: block; }
/* Aside - start */

/* 翻页 - start */
.flipPage { background: #e5e5e5; margin: 30px 10px 0; padding: 3px 15px; display: flex; }
.flipPage a { color: #000; padding: 0 7px; margin: 0 2px; transition: color .3s, background .3s; border-radius: 2px; }
.flipPage a:hover, .flipPage a.active { color: #fff; background: var(--red); }
/* 翻页 - end */

@media screen and (max-width: 1800px) {
  .slides { height: 680px; }
}
@media screen and (max-width: 1600px) {
  .slides { height: 600px; }
}